
<ion-content no-padding class="my-balance">
  <ion-card class="card-background-page" no-padding>
    <img src="./assets/images/balancebj.jpg"/>
    <div class="card-title">账户余额(元)</div>
    <div class="card-number">{{user.balance.toFixed(2)}}</div>
    <button ion-button outline ion-center class="card-tbn" (click)="gotoRecharge()">
      充值</button>
  </ion-card>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content></ion-refresher-content>
  </ion-refresher>
  <ion-grid no-padding  class="record">
    <ion-row class="record" *ngFor="let v of billList;let i= index;">
      <ion-col col-6 ion-text color="txt-tertiary" class="date">{{v.rechargeTime}}</ion-col>
      <ion-col col-3 ion-text color="txt-primary">{{v.rechargeTypeName}}</ion-col>
      <ion-col col-3 ion-text text-right color="main" class="add">{{v.money}}</ion-col>
    </ion-row>
  </ion-grid>
  <ion-infinite-scroll (ionInfinite)="doInfinite($event)" *ngIf="canLoadMore">
    <ion-infinite-scroll-content></ion-infinite-scroll-content>
  </ion-infinite-scroll>
  <div *ngIf="!canLoadMore&&billList.length>10"
       style="text-align: center;width: 100%;height: 60px;padding: 20px 0;color:#848484">
    ————————别扯啦!————————
  </div>
</ion-content>
